<template>
  <div class="user">
      <div class="user_box">
        <el-tabs v-model="activeName">
            <el-tab-pane label="基本信息" name="first">
                <user-infor></user-infor>
            </el-tab-pane>
            <el-tab-pane label="头像照片" name="second">
                <user-headr></user-headr>
            </el-tab-pane>
        </el-tabs>
      </div>
  </div>
</template>

<script>
import UserHeadr from '../../components/userInfor.vue/userHeadr.vue'
import UserInfor from '../../components/userInfor.vue/userInfor.vue'
export default {
  components: { UserInfor, UserHeadr },
  data () {
    return {
      activeName: 'second'
    }
  }
}
</script>
<style lang="less" scoped>
.user{
    // background: rgb(232, 231, 231);
    height: 100vh;
    overflow: hidden;
    background-image: url('http://pic.616pic.com/ys_bnew_img/00/40/10/cDT8qYb5I5.jpg');
    background-size: 55%;
    background-position: -70px 40px;
}
.user_box{
    margin: 5vh auto;
    width: 60%;
    height: 500px;
    background: rgba(255, 255, 255, 0.922);
    padding: 10px 20px;
    border-radius: 20px;
}
</style>
